<template>
  <el-card>
    <h1>华为Mate 40pro挺舒服的</h1>
    <p style="font-size: 7px">
      <strong>作者：</strong>
      <span>新的呢？</span>
      &nbsp;&nbsp;&nbsp;
      <strong>时间：</strong>
      <span>2022-04-14 22:23</span>
    </p>
    <el-divider />
    <p>用了一年多的华为mate40pro，还是比较流畅，没有卡顿的感觉。</p>
    <br />
    <br />
    <br />
    <comment :commentList="commentList"></comment>
  </el-card>
</template>

<script>
import comment from "hbl-comment";

export default {
  data() {
    return {
      commentList: [
        {
          id: 1,
          commentUser: {
            id: 1,
            nickName: "111",
            avatar:
              "http://qzapp.qlogo.cn/qzapp/101483738/6637A2B6611592A44A7699D14E13F7F7/50",
          },
          content: "hello",
          createDate: "2019-9-23 17:36:02",
          childrenList: [
            {
              id: 1,
              commentUser: {
                id: 2,
                nickName: "222",
                avatar: "",
              },
              targetUser: {
                id: 1,
                nickName: "111",
                avatar:
                  "http://qzapp.qlogo.cn/qzapp/101483738/6637A2B6611592A44A7699D14E13F7F7/50",
              },
              content: "真的就很棒！很Nice!",
              createDate: "2019-9-23 17:45:26",
            },
          ],
        },
      ],
    };
  },
  components: {
    comment,
  },
};
</script>

<style>
.el-card {
  background-color: rgb(255, 251, 233);
  height: 99%;
}
</style>